Typographie bitmap
Voici un titre réalisé en bitmap, inséré dans la page HTML sous la forme d'un fichier .GIF:

On peut réaliser ce type d'image avec des logiciels comme PhotoShop, PaintShopPro, Corel PhotoPaint, etc.

Et voici quelque chose d'équivalent, obtenu cette fois par un codage HTML:

Un titre en ARIAL

Biensûr, l'aspect est différent. Le premier est plus agréable à regarder. En effet, l'image a été lissée pour éviter que n'apparaissent des "marches d'escalier". De plus, il est possible de règler finement la taille des caractères, ainsi que d'autres paramètres, comme l'approche et l'encombrement.

Mais ceci a un coût....

  1. L'image est plus longue à charger. Le petit bandeau ci-dessus "pèse" dans les 2 kilo-octets. Réaliser tous les titres d'une page de cette manière allonge donc de façon sensible le temps de chargement des pages Web.
  2. Chaque fichier image consomme de la mémoire vive sur l'ordinateur. Une succession de pages très chargées en graphiques a tôt fait de saturer un PC. C'est la raison pour laquelle on dit que les navigateurs sont gourmands en mémoire...
  3. Enfin, les tailles des polices d'une page HTML sont relatives. Or, la taille de l'image ne s'adaptera pas à la taille de l'écran utilisé, à la police de base de la page, etc.
   
<TD BGCOLOR="#CC7020">
<FONT COLOR="FFFFFF" SIZE="7" FACE="Arial">Un titre en ARIAL
</FONT></TD>

Le codage HTML qui affiche le deuxième titre